/*
 * @Author: 赵美阳 1479530047@qq.com
 * @Date: 2022-08-07 11:36:57
 * @LastEditors: 赵美阳 1479530047@qq.com
 * @LastEditTime: 2022-08-07 16:04:30
 * @FilePath: /knowledge/vue/实战.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
/*
1、每个api接口在对应的vue文件中import，没办法挂载到vue实例原型上，因为没有vue实例和在setup函数中没有this
2、组件划分：
	功能型组件  ui组件库
	业务型组件
				通用组件   components
				普通业务组件    .vue文件中抽离出来，防止vue文件太大
*/




/**
 * 首页从服务器获取的数据，不常用或者长时间不更改的话，存储到localstorage中，再设置个过期时间。
  async init() {
		let hotData = localstorage.getItem("hotData");
		if (hotData) {
			hotData = JSON.parse(hotData)
			if (new Date().getTime - hotData.time < 30 * 60 * 1000) {
				this.hotData = hotData.data
				return
			}
		}
		let result = await getList()
		this.hotData = result.data
		localStorage.setItem('hotData',
			JSON.stringify({
				time: new Date.getTime(),
				data: result.data
			})
		)
	}
*/

/**
 * 从vuex获取值也是同样，判断state中有没有值，有的话直接取值，没有的话从服务器获取\
 * actions: {
 * 	queryA() {
			let result = state.list.find(item => {
				return parseInt(item.id === parseInt(id))
			})
			if(result) {
				commit('modifyA', id)
				return
			}
			result = await getInfo()
			commit('modifyA', {
				id: result.id,
				data: result
			})
		}
 * }
 */


